﻿@{
    ViewBag.Title = "XichLOMap - Mobile | Lộ trình của bạn";
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

<div id="device" class="iphonevertical">
    <div id="container"> <!--  Device config  -->
        <div id="layout-wrapper">
            <div id="mainpage" class="page active">
                <div id="top-content">
                    <h1 id="logo"><a href="@Url.Action("Mobile")">XichLO Map</a></h1>
                    <ul id="toolbar">
                        <li id="pluszoom" class="butzoom"><a></a></li>
                        <li id="minuszoom" class="butzoom"><a></a></li>
                        <li id="yourlocation"><a></a></li>
                        <li id="maptype" class="sat"><a></a></li>
                    </ul>
                </div>
                <div id="map-container">
                    <canvas id="map-pic"></canvas>
                    <canvas id="map-pic-fake"></canvas>
                </div>
                <span id="googlemap">bản quyền hình ảnh thuộc <a href="https://maps.google.com">google map</a></span>
            </div>
            <div id="placepage" class="page inactive">
                <h2 class="title">Tìm kiếm vị trí, địa điểm</h2>
                <form class="input_form" onsubmit="SearchPlace(keywords); return false;">
                    <span class="textsubmit">
                        <input type="text" name="keywords"/>
                        <input type="submit" value="" />
                    </span>
                </form>
                <div class="m_bdcontent">
                    <ul class="list_res">
                        @*<li class="focus"><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>*@
                    </ul>
                    <div id="slider_placeform" class="slider-content"><span></span></div>
                </div>
            </div>
            <div id="streetpage" class="page inactive">
                <h2 class="title">Tìm kiếm đường đi</h2>
                <form class="input_form">
                    <span class="textsubmit bullet">
                        <span></span>
                        <input type="text" name="keywords"/>
                        <input type="submit" value="" />
                    </span>
                    <span class="textsubmit bullet">
                        <span></span>
                        <input type="text" name="keywords"/>
                        <input type="submit" value="" />
                    </span>
                </form>
                <div class="m_bdcontent">
                    <ul class="list_res">
                        <li class="focus"><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                    </ul>
                    <div id="slider_placeform" class="slider-content"><span></span></div>
                </div>
            </div>
            <div id="aroundpage" class="page inactive">
                <h2 class="title">Tìm kiếm vị trí, địa điểm xung quanh</h2>
                <form class="input_form">
                    <div class="textsubmit">
                        <input type="text" name="keywords"/>
                        <input type="submit" value="" />
                    </div>
                    <div class="clear-fix"></div>
                    <div class="option">
                        <div class="select" id="placetype">
                            <span class="curselect"><a>Tất cả</a><span></span></span>
                            <div class="m_bdcontent">
                                <ul>
                                    <li value="-1">Tất cả</li> 
                                    <li value="1">Bưu Điện</li>
                                    <li value="42">Bảo Tàng</li>
                                    <li value="51">Bệnh Viện</li>
                                    <li value="104">Chợ</li>
                                    <li value="112">Chùa</li>
                                    <li value="136">Công Viên</li>
                                    <li value="383">Khách Sạn</li>
                                    <li value="483">Ngân Hàng</li>
                                    <li value="509">Nhà Thờ</li>
                                    <li value="623">Sân Vận Động</li>
                                    <li value="750">Tổng Lãnh Sự Quán</li>
                                    <li value="781">Trường Tiểu Học</li>
                                    <li value="792">Uỷ Ban Nhân Dân</li>
                                    <li value="889">Trạm ATM</li>
                                    <li value="890">Cà Phê</li>
                                    <li value="891">Cây Xăng</li>
                                    <li value="894">Siêu Thị</li>
                                    <li value="895">Nhà Vệ Sinh Công Cộng</li>
                                    <li value="897">Trường Đại Học, Cao Đẳng</li>
                                    <li value="898">Chung Cư</li>
                                    <li value="899">Rạp Chiếu Phim</li>
                                    <li value="901">Nhà Sách</li>
                                </ul>
                            </div>
                            <div class="clear-fix"></div>
                        </div>
                        <a style="float:right; padding:7px 0 0 5%; font-size:14px; font-weight:bold; color:#fff; text-shadow:-1px -1px 0 #000;" >Meter</a>                            
                        <div class="select" id="range">
                            <span class="curselect"><a>100</a><span></span></span>
                            <div class="m_bdcontent">
                                <ul>
                                    <li value="100">100</li>
                                    <li value="200">200</li>
                                    <li value="500">500</li>
                                    <li value="1000">1000</li>
                                    <li value="1500">1500</li>
                                    <li value="2000">2000</li>
                                </ul>
                            </div>
                            <div class="clear-fix"></div>
                        </div>
                    </div> 
                </form>
                <div class="m_bdcontent">
                    <ul class="list_res">
                        <li class="focus"><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                    </ul>
                    <div id="slider_placeform" class="slider-content"><span></span></div>
                </div>
            </div>
            <div id="userpage" class="page inactive">
                <h2 class="title">Tìm kiếm vị trí, địa điểm</h2>
                <form class="input_form">
                    <span class="textsubmit">
                        <input type="text" name="keywords"/>
                        <input type="submit" value="" />
                    </span>
                </form>
                <div class="m_bdcontent">
                    <ul class="list_res">
                        <li class="focus"><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                        <li><div><img alt="" src="@Url.Content("~/Content/mobile_images/preview.jpg")" />
                        <div class="info"><h3 class="namelocation">Đại học Khoa Học Tự Nhiên</h3><a class="address">227 Nguyễn Văn Cừ P4 Q5 TP.HCM</a></div></div></li>
                    </ul>
                    <div id="slider_placeform" class="slider-content"><span></span></div>
                </div>
            </div>
            <div id="userguidepage" class="page inactive">
                <div class="m_bdcontent" >
                    <div class="list_res">
                    </div>
                    <div id="slider_placeform" class="slider-content"><span></span></div>
                </div>
            </div>
            <div id="contactpage" class="page inactive">
                <div class="pcontent" >
                </div>
            </div>
            <div id="aboutuspage" class="page inactive">
                <div class="pcontent" >
                </div>
            </div>
            <div id="navs">
                <span id="mleft"></span><span id="mright"></span>
                <ul id="main-nav" class="nav show">
                    <li class="ico_position" onclick="ShowView('placepage','place-nav')"><a>&nbsp;&nbsp;Vị trí&nbsp;&nbsp;</a></li>
                    <li class="ico_street" onclick="ShowView('streetpage','street-nav')"><a>&nbsp;Đường&nbsp;</a></li>
                    <li class="ico_around" onclick="ShowView('aroundpage','around-nav')"><a>Xung quanh</a></li>
                    <li class="ico_user" onclick="ShowView('userpage','user-nav')"><a>Tài khoản</a></li>
                    <li class="ico_desktop"><a href="@Url.Action("Index","Home")">Desktop</a></li>
                    <li class="ico_userguide" onclick="ShowView('userguidepage','userguide-nav')"><a>Hướng dẫn</a></li>
                    <li class="ico_contact" onclick="ShowView('contactpage','contact-nav')"><a>Phản hồi</a></li>
                    <li class="ico_aboutus" onclick="ShowView('aboutuspage','aboutus-nav')"><a>Chúng tôi</a></li>
                </ul>
                <ul id="place-nav" class="nav hidden">
                    <li class="ico_view" onclick="ShowView('placepage')"><a>&nbsp;&nbsp;Xem&nbsp;&nbsp;</a></li>
                    <li class="ico_startp" onclick="ShowView('streetpage')"><a>Điểm đi</a></li>
                    <li class="ico_endp" onclick="ShowView('aroundpage')"><a>Điểm đến</a></li>
                    <li class="ico_around" onclick="ShowView('userpage')"><a>Xung quanh</a></li>
                    <li class="ico_map" onclick="HideView('placepage','place-nav')"><a>Bản đồ</a></li>
                </ul>
                <ul id="street-nav" class="nav hidden">
                    <li class="ico_view" onclick="ShowView('placepage')"><a>&nbsp;&nbsp;Xem&nbsp;&nbsp;</a></li>
                    <li class="ico_changep" onclick="ShowView('streetpage')"><a>Đổi vị trí</a></li>
                    <li class="ico_around" onclick="ShowView('userpage')"><a>Xung quanh</a></li>
                    <li class="ico_map" onclick="HideView('streetpage','street-nav')"><a>Bản đồ</a></li>
                </ul>
                <ul id="around-nav" class="nav hidden">
                    <li class="ico_view" onclick="ShowView('placepage')"><a>&nbsp;&nbsp;Xem&nbsp;&nbsp;</a></li>
                    <li class="ico_startp" onclick="ShowView('streetpage')"><a>Điểm đi</a></li>
                    <li class="ico_endp" onclick="ShowView('aroundpage')"><a>Điểm đến</a></li>
                    <li class="ico_map" onclick="HideView('aroundpage','around-nav')"><a>Bản đồ</a></li>
                </ul>
                <ul id="user-nav" class="nav hidden">
                    <li class="ico_view" onclick="ShowView('placepage')"><a>&nbsp;&nbsp;Xem&nbsp;&nbsp;</a></li>
                    <li class="ico_startp" onclick="ShowView('streetpage')"><a>Điểm đi</a></li>
                    <li class="ico_endp" onclick="ShowView('aroundpage')"><a>Điểm đến</a></li>
                    <li class="ico_map" onclick="HideView('userpage','user-nav')"><a>Bản đồ</a></li>
                </ul>
                <ul id="userguide-nav" class="nav hidden">
                    <li class="ico_map" onclick="HideView('userguidepage','userguide-nav')"><a>Bản đồ</a></li>
                </ul>
                <ul id="contact-nav" class="nav hidden">                    
                    <li class="ico_map" onclick="HideView('contactpage','contact-nav')"><a>Bản đồ</a></li>
                </ul>
                <ul id="aboutus-nav" class="nav hidden">
                    <li class="ico_map" onclick="HideView('aboutuspage','aboutus-nav')"><a>Bản đồ</a></li>
                </ul>
            </div>          
        </div>
    </div> <!--  End Device config  -->
</div>

